<template>
  <div>
    <input type="text">
    <button @click="aa">发送请求</button>
    <button >发送get请求</button>
    <div>get请求的数据======{{ datas}}</div>
    <button @click="goto">跳转页面</button>
    <button @click="gopoast">发送postq请求</button>
    <button @click="gotoparams">隐式跳转传值</button>
  </div>
</template>

<script>
import axios from 'axios'
export default {
  created() {
    this.bb()

  },
  data() {
    return {
      datas: {}
    }
  },
  methods: {
    //发送请求案例
    aa() {
      axios({
        url: '/api/aa'
      }).then(res => {
        console.log('第一个案例111', res)
      })
    },
    // get请求，get请求默认
    bb(){
      axios({
        url: '/api/bb',
        params: {
          a: 11111
        }
      }).then(res => {
        this.datas = res.data.data.data
        console.log('datassss', this.datas )
      })
    },
    goto() {
      this.$router.push({
        name: 'goto',
        query: { datas:this.datas }
      })
    },
    //post请求
    gopoast() {
      axios({
        url: '/api/post',
        method: 'post',
        data:{
          a:6666
        }
      }).then(res => {
        console.log(res)
      })
    },
// 隐式跳转
    gotoparams(){
      this.$router.push({
        name:"goto",
        params:{
          a:482600420
        }

      })

    }
  }
}
</script>

<style>
</style>